<!--
 * @Author: LBH 1336709799@qq.com
 * @Date: 2024-11-13 21:38:01
 * @LastEditors: LBH 1336709799@qq.com
 * @LastEditTime: 2024-11-14 11:30:09
 * @FilePath: \数学题\math\src\components\FlagItem.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>   
    <div>
      <span v-for="(item,index) in ResArr" :key="index" :class="{right:item == '回答正确', error:item == '回答错误', undo:item == '未完成' }">
        {{ index + 1 }} :{{ item }}
      </span>
    </div>
  </template>
  
  <script>
  export default {
    props:['ResArr'],
    data(){
      return{
        
      }
   
    }
  
  };
  </script>
  
  <style scoped>
  .right {
    color: green;
  }
  .error {
    color: red;
  }
  .undo {
    color: #ccc;
  }
  </style>